<%-- 
    Document   : RRHH_DOCUMENTOS_EXPIRADOS
    Created on : 09-ene-2015, 18:00:07
    Author     : equipo_4
--%>

<%@page import="java.util.Date"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="com.google.zxing.Result"%>
<%@page import="RRHH_Modelo.RHH_CARGO"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page import="java.util.Calendar"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../css/NuevoStilo.css">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
        <script src="../js/RRHH/RRHH_DOCUMENTOS_EXPIRADOS.js" type="text/javascript"></script>
        <title>DOCUMENTOS EXPIRADOS</title>
    </head>
    <body>
        <div id="CuerpoFormulario">
            <div id="tituloFormulario" class="centrado">DOCUMENTOS EXPIRADOS</div>
            <div class="centrado">
                <input type="text" id="buscador" class="Extragrande2" placeholder="Buscador"/>
            </div>
            <div class="contenedor100 " >
                <div class="contenedor100 Extragrande2" id="contenedor">
                    
                </div>
            </div>
            <div id="popUpbackGround" onclick="cerrar()">
                
            </div>
            <div id="pop" class="popup" style="height:360px;">
                <div id='text' class="centrado negrilla"></div>
                <table>
                    <thead>
                    <th class="Extragrande">DESCRIPCION</th>
                    <th class="pequeño">FECHA EXP.</th>
                    <th class="Extragrande">NOMBRE DOCUMENTO</th>
                    <th></th>
                    </thead>
                    <tbody id='cuerpo'>
                        
                    </tbody>
                </table>
                
            </div>
            <div class="popup" id='cambiar' style="z-index: 4; width: 257px;">
                <form id='reg'>
                    <div class="negrilla centrado" id='titu'>DOCUMENTO</div><br>
                    CADUCIDAD DOCUMENTO  <input type="text" class="normal" name='caducidad'/><br>
                    <input type="hidden" name='persona' />
                    <input type="hidden" name='ci' />
                    <input type="hidden" name='proceso' value="guardar" />
                    <input type="hidden" name='dato' />
                    <input type="file" id="file" name="file" onchange="openFile(event, this);" style="display: none;"/>
                    <span class="negrillaenter">Documento</span>
                    <span id='nombre'></span><br>
                    <img src="../img/Upload-files.jpg" alt=""  onclick="abrirFile();" style="width: 20px; height: 20px;"/>
                    <img src="../img/ver.jpg" alt="" data-tipo='0' id='f' onclick="abrirdocumento(this)" style="width: 20px; height: 20px;"/>
                    <button onclick="guardar()" type="button">GUARDAR</button>
                    <button onclick="cerrardocumento()" type="button">CANCELAR</button>
                <form>
            </div>
        </div>
    </body>
</html>
